<!DOCTYPE html>
<!--[if lte IE 8]>              <html class="ie8 no-js" lang="en">     <![endif]-->
<!--[if IE 9]>					<html class="ie9 no-js" lang="en">     <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en">  <!--<![endif]-->
<head>
	<!-- Google Web Fonts
  ================================================== -->
	<link href='http://fonts.googleapis.com/css?family=Allura|Oswald:400,700,300' rel='stylesheet' type='text/css'>
	
	<!-- Basic Page Needs
  ================================================== -->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!--[if ie]><meta http-equiv='X-UA-Compatible' content="IE=edge,IE=9,IE=8,chrome=1" /><![endif]-->
	
	<title>Almera | Albums</title>
	
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="shortcut" href="images/favicon.ico" />
	
	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	
	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/skeleton.css" />
	<link rel="stylesheet" href="css/layout.css" />
	
	<link rel="stylesheet" href="css/font-awesome.css" />
	<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" />

	<!-- HTML5 Shiv
	================================================== -->
	<script src="js/jquery.modernizr.js"></script>
	
</head>
<body>
	
<!-- - - - - - - - - - - - - - Header - - - - - - - - - - - - - - - - -->	

<header id="header">

	<div class="container">

		<div class="sixteen columns">

			<div id="logo">
				<h1><a href="index.html">Almera</a></h1>
			</div><!--/ #logo-->

			<nav id="navigation" class="navigation">

				<div class="menu">

					<ul>
						<li><a href="index.html">Home</a>
							<ul>
								<li><a href="index.html">Home Grid 1</a></li>
								<li><a href="index4.html">Home Grid 2</a></li>
								<li><a href="index5.html">Fullscreen</a></li>
								<li><a href="masonry.html">Masonry</a></li>
							</ul>
						</li>
						<li><a href="image-gallery.html">Gallery</a>
							<ul>
								<li><a href="image-gallery.html">Image Gallery</a></li>
								<li><a href="thumbnails.html">Thumbnails</a></li>
								<li><a href="gallery-3-columns.html">3 Columns</a></li>
								<li><a href="gallery-4-columns.html">4 Columns</a></li>
							</ul>
						</li>
						<li class="current-menu-item"><a href="albums.html">Albums</a></li>
						<li><a href="about.html">About</a></li>
						<li><a href="elements.html">Features</a>
							<ul>
								<li><a href="elements.html">Elements</a></li>
								<li><a href="columns.html">Columns</a></li>
								<li><a href="typography.html">Typography</a></li>
							</ul>
						</li>
						<li><a href="blog.html">Blog</a></li>
						<li><a href="contact.html">Contact</a></li>
					</ul>

				</div><!--/ .menu-->

			</nav><!--/ #navigation-->	

		</div><!--/ .columns-->

	</div><!--/ .container-->

</header><!--/ #header-->

<!-- - - - - - - - - - - - - - end Header - - - - - - - - - - - - - - - - -->	


<!-- - - - - - - - - - - - - - - - Content - - - - - - - - - - - - - - - - -->	

<div id="wrapper" class="sbr">
	
	<div id="content">

		<div class="container">

			<div class="page-header">

				<h1>Colorful moments <br /> of life</h1>
				<div id="close" class="tp-back">Back</div>

			</div><!--/ .page-header-->

			<div class="albums-items">

				<ul id="tp-grid" class="tp-grid">

					<!-- Fashion -->
					<li data-pile="Fashion">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/7.jpg" rel="fashion">
								<img src="images/albums/fashion/8.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">Fashion Beauty Portrait</h6>
								<span class="categories">Fashion / Photography</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>
					<li data-pile="Fashion">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/3.jpg" rel="fashion">
								<img src="images/albums/fashion/7.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">Beautiful Woman Wearing Jewelry</h6>
								<span class="categories">Fashion / Photography</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>
					<li data-pile="Fashion">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/1.jpg" rel="fashion">
								<img src="images/albums/fashion/6.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">Stylish Portrait of Beautiful Model</h6>
								<span class="categories">Fashion / Photography</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>
					<li data-pile="Fashion">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/10.jpg" rel="fashion">
								<img src="images/albums/fashion/5.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">Beautiful Brunette</h6>
								<span class="categories">Fashion / Photography</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>
					<li data-pile="Fashion">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/6.jpg" rel="fashion">
								<img src="images/albums/fashion/4.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">Intense Look</h6>
								<span class="categories">Fashion / Photography</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>
					<li data-pile="Fashion">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/9.jpg" rel="fashion">
								<img src="images/albums/fashion/3.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">Beautiful Fashion Model</h6>
								<span class="categories">Fashion / Photography</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>
					<li data-pile="Fashion">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/2.jpg" rel="fashion">
								<img src="images/albums/fashion/2.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">Fashion Model Vintage Image</h6>
								<span class="categories">Fashion / Photography</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>
					<li data-pile="Fashion">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/4.jpg" rel="fashion">
								<img src="images/albums/fashion/1.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">Models in Different Poses</h6>
								<span class="categories">Fashion / Photography</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>

					<!-- Wedding -->
					<li data-pile="Wedding">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/15.jpg" rel="wedding">
								<img src="images/albums/wedding/6.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">Swinning Bride</h6>
								<span class="categories">Wedding / Photography</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>
					<li data-pile="Wedding">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/19.jpg" rel="wedding">
								<img src="images/albums/wedding/5.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">I Love You</h6>
								<span class="categories">Wedding / Photography</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>
					<li data-pile="Wedding">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/14.jpg" rel="wedding">
								<img src="images/albums/wedding/4.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">Beautiful Bride</h6>
								<span class="categories">Wedding / Photography</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>
					<li data-pile="Wedding">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/12.jpg" rel="wedding">
								<img src="images/albums/wedding/3.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">Bride with Flowers</h6>
								<span class="categories">Wedding / Photography</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>
					<li data-pile="Wedding">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/16.jpg" rel="wedding">
								<img src="images/albums/wedding/2.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">Bride with Bridesmaids</h6>
								<span class="categories">Wedding / Photography</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>
					<li data-pile="Wedding">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/22.jpg" rel="wedding">
								<img src="images/albums/wedding/1.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">Wedding Bouquet</h6>
								<span class="categories">Wedding / Photography</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>

					<!-- Interior -->
					<li data-pile="Interior">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/24.jpg" rel="interior">
								<img src="images/albums/interior/5.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">Room Interior</h6>
								<span class="categories">Interior / Design</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>
					<li data-pile="Interior">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/29.jpg" rel="interior">
								<img src="images/albums/interior/4.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">Nice Wood Chair</h6>
								<span class="categories">Interior / Design</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>
					<li data-pile="Interior">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/25.jpg" rel="interior">
								<img src="images/albums/interior/3.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">Clean Interior</h6>
								<span class="categories">Interior / Design</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>
					<li data-pile="Interior">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/32.jpg" rel="interior">
								<img src="images/albums/interior/2.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">Modern Lounge</h6>
								<span class="categories">Interior / Design</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>
					<li data-pile="Interior">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/31.jpg" rel="interior">
								<img src="images/albums/interior/1.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">White Interior Elements</h6>
								<span class="categories">Interior / Design</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>

					<!-- Print Design -->
					<li data-pile="Print Design">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/36.jpg" rel="print">
								<img src="images/albums/print/4.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">Self Adhesive</h6>
								<span class="categories">Print / Design</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>
					<li data-pile="Print Design">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/35.jpg" rel="print">
								<img src="images/albums/print/3.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">Shopping</h6>
								<span class="categories">Print / Design</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>
					<li data-pile="Print Design">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/34.jpg" rel="print">
								<img src="images/albums/print/2.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">Paper Ephemera</h6>
								<span class="categories">Print / Design</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>
					<li data-pile="Print Design">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/33.jpg" rel="print">
								<img src="images/albums/print/1.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">Paper Ephemera</h6>
								<span class="categories">Print / Design</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>

					<!-- Architecture -->
					<li data-pile="Architecture">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/38.jpg" rel="architecture">
								<img src="images/albums/architecture/4.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">Corner Windows</h6>
								<span class="categories">Architecture / Design</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>
					<li data-pile="Architecture">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/37.jpg" rel="architecture">
								<img src="images/albums/architecture/3.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">Building with Windows</h6>
								<span class="categories">Architecture / Design</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>
					<li data-pile="Architecture">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/40.jpg" rel="architecture">
								<img src="images/albums/architecture/2.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">Modern Foot Bridge</h6>
								<span class="categories">Architecture / Design</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>
					<li data-pile="Architecture">
						<div class="project-thumb">
							<a class="single-image plus-icon animTop" href="images/full/39.jpg" rel="architecture">
								<img src="images/albums/architecture/1.jpg" />
							</a>
							<a href="gallery-single.html" class="project-meta">
								<h6 class="title">Wavy Building</h6>
								<span class="categories">Architecture / Design</span>
							</a>	
						</div><!--/ .project-thumb-->	
					</li>

				</ul><!--/ #tp-grid-->	

			</div><!--/ .albums-items-->

		</div><!--/ .container-->

	</div><!--/ #content-->
	
</div><!--/ #wrapper-->

<!-- - - - - - - - - - - - - - - - Content - - - - - - - - - - - - - - - - -->	


<!-- - - - - - - - - - - - - - - Footer - - - - - - - - - - - - - - - - -->	

<footer id="footer">

	<div class="container">

		<div class="sixteen columns">

			<div class="eight columns alpha">

				<div class="copyright">
					Copyright &copy; 2013. ThemeMakers. All rights reserved
				</div><!--/ .copyright-->

				<div class="developed">
					Developed by <a href="#">ThemeMakers</a>
				</div><!--/ .developed-->

			</div><!--/ .columns-->

			<div class="eight columns omega">

				<ul class="social-icons">
					<li class="twitter"><a target="_blank" href="https://twitter.com/ThemeMakers"><span>Twitter</span></a></li>
					<li class="facebook"><a target="_blank" href="http://www.facebook.com/wpThemeMakers"><span>Facebook</span></a></li>
					<li class="dribble"><a target="_blank" href="http://dribbble.com/"><span>Dribbble</span></a></li>
					<li class="vimeo"><a target="_blank" href="https://vimeo.com/"><span>Vimeo</span></a></li>
					<li class="youtube"><a target="_blank" href="http://www.youtube.com/"><span>Youtube</span></a></li>
					<li class="instagram"><a target="_blank" href="http://www.instagram.com/"><span>Instagram</span></a></li>
					<li class="rss"><a target="_blank" href="#"><span>Rss</span></a></li>
				</ul><!--/ .social-icons-->	

			</div><!--/ .columns-->

		</div><!--/ .columns-->

	</div><!--/ .container-->

</footer><!--/ #footer-->

<!-- - - - - - - - - - - - - - end Footer - - - - - - - - - - - - - - - -->			

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')</script>
<script src="js/jquery.easing.1.3.min.js"></script>
<script src="js/jquery.cycle.all.min.js"></script>
<script src="js/jquery.stapel.js"></script>
<!--For Touch Devices-->
<script src="js/jquery.touchswipe.min.js"></script>
<script src="js/jquery.mobile-touch-swipe-1.0.js"></script>
<!--end Touch Devices-->
<script src="js/fancybox/jquery.fancybox.pack.js"></script>
<script src="js/config.js"></script>
<script src="js/custom.js"></script>
</body>
</html>